<!doctype html>
<html lang="en">
<head>
    <title>Sign Up 01</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

    <link rel="stylesheet" href="/static/css/style.css">

</head>
<body>
<section class="ftco-section">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-6 text-center mb-5">
                <h2 class="heading-section">注册</h2>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-9 col-lg-6">
                <div class="login-wrap">
                    <h3 class="mb-4 text-center">创建账号</h3>

					<form action="#" class="signup-form">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group mb-4">
                                    <input id="first_name" type="text" class="form-control" placeholder="kij">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-4">
                                    <input id="last_name" type="text" class="form-control" placeholder="lee">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-4">
                                    <input id="email" type="text" class="form-control" placeholder="kijlee@163.com">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-4">
                                    <input id="password" type="password" class="form-control" placeholder="密码">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group mb-4">
                                    <input id="ree_password" type="password" class="form-control" placeholder="确认密码">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group d-flex">
                                    <button id="reg_btn" type="submit" class="btn btn-primary rounded submit p-3">注册</button>
                                </div>
                            </div>
                        </div>
                    </form>

                    <div class="w-100 social-wrap">
                        <p>
                            <span>或者用下面账号直接登录</span>
                        </p>
                        <p class="social-media d-flex justify-content-center">
                            <a href="#"
                               class="social-icon facebook d-flex align-items-center justify-content-center"><span
                                    class="fa fa-facebook"></span> Facebook</a>
                            <a href="#"
                               class="social-icon twitter d-flex align-items-center justify-content-center"><span
                                    class="fa fa-twitter"></span> Twitter</a>
                        </p>
                        <p class="mt-4">已经注栏册账号<a href="#signin">登陆</a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/popper.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/main.js"></script>
<script>

	$("#reg_btn").click(function () {
	    //上传数据
	    var formdata = new FormData();
	    formdata.append("first_name",$("#first_name").val())
	    formdata.append("second_name",$("#last_name").val())
	    formdata.append("pwd",$("#password").val())
	    formdata.append("re_pwd",$("#ree_password").val())
	    formdata.append("email",$("#email").val())
        $.ajax({
            url:"",
            type:"post",
            contentType:false,
            processData:false,
            data:formdata,
            success:function (data) {
                console.log(data)
            }
        })
	})

</script>
</body>
</html>

